<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单选择器</title>
</head>
<body>
    <input type="text" disabled>
    <input type="text" >
    <input type="radio" name="gender" value="men" checked>男
    <input type="radio" name="gender" value="women">女
    <input type="checkbox" name="hobby" value="study" checked>学习
    <input type="checkbox" name="hobby" value="sleep" checked>睡觉
    <select>
        <option>---请选择---</option>
        <option selected>本科</option>
        <option>专科</option>
    </select>
</body>
<script src="js/jquery-3.3.1.min.js"></script>
<script>
    //可用元素选择器
    let inputs = $("input:enabled");
    // alert(inputs.length);

    //不可用元素选择器
    let inputs2 = $("input:disabled");
    // alert(inputs2.length);

    //单选/复选框选中元素 选择器
    let inputs3 = $("input:checked");
    // alert(inputs3.length);

    //下拉框选中选择器
    let chose = $("select option:checked");
    alert(chose.html());


</script>
</html>